<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>随手快递</title>
    <link rel="stylesheet" type="text/css" href="../../AUI/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../font-awesome/css/font-awesome.min.css" />
    <link rel="stylesheet" href="../../myCss/control.css" type="text/css" />
    <style>
        input{
            border: 1px solid #ddd;
            border-radius: 4px;
            padding-left: 10px;
            color: #484848;
            width: 70%;
        }
        .ui-stepInfo{
              width: 80px !important;
          }
    </style>
</head>
<body style="font-family: 微软雅黑">
<header class="aui-bar aui-bar-nav" id="aui-header">
    <a class="aui-btn aui-pull-left" tapmode onclick="history.back();">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">快递员认证</div>
</header>
<section class="aui-content" style="margin: 50px 0 10px 0">
    <div id="stepBar" class="ui-stepBar-wrap">
        <div class="ui-stepBar">
            <div class="ui-stepProcess"></div>
        </div>
        <div class="ui-stepInfo-wrap">
            <table class="ui-stepLayout" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td class="ui-stepInfo" style="margin-left: 30px">
                        <a class="ui-stepSequence">1</a>
                        <p class="ui-stepName">填写信息</p>
                    </td>
                    <td class="ui-stepInfo" >
                        <a class="ui-stepSequence">2</a>
                        <p class="ui-stepName">审核中</p>
                    </td>
                    <td class="ui-stepInfo">
                        <a class="ui-stepSequence">3</a>
                        <p class="ui-stepName">缴纳押金</p>
                    </td>
                    <td class="ui-stepInfo">
                        <a class="ui-stepSequence">4</a>
                        <p class="ui-stepName">认证完成</p>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</section>
<section class="aui-content" >
    <div class="aui-card-list">
        <div class="aui-card-list-content-padded aui-border-b aui-border-t">
            <div style="font-size: 17px;margin-left: 15px">押金：<span>￥300</span></div>
            <div><img src="../../myImage/ali.jpg" style="width: 50%"></div>
        </div>
    </div>
</section>
<section class="aui-bar aui-bar-tab">
    <div class="aui-btn aui-btn-success aui-btn-block aui-btn-outlined aui-btn-sm" tapmode onclick="pay()">去付款</div>
</section>
<script type="text/javascript" src="../../AUI/script/api.js" ></script>
<script src="../../myJs/jquery.js"></script>
<script src="../../myJs/jquery.cookie.js"></script>
<script type="text/javascript" src="../../myJs/index.js" ></script>
<script type="text/javascript" src="../../myJs/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="../../myJs/stepBar.js"></script>
<script type="text/javascript">
    $(function(){
        stepBar.init("stepBar", {
            step : 3,
            change : true,
            animation : true
        });
    });

    function pay(){
         $.ajax({
         type: "post",
         url: '/randomdelivery/userCourierManageController/payTheDeposit',
         data: {
         "money": 300
         },
         datatype: "json",
         success: function (data) {
         location.href='identification4.html';
         }

         });
        

    }
    apiready = function(){
        api.parseTapmode();
    }
</script>
</body>
</html>